@charset "utf-8";
*,
*:after,
*:before{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
*{padding: 0; margin: 0; position: relative; font-family: "Microsoft Yahei", 微软雅黑, simsun, Sans-serif;}
html{ -webkit-text-size-adjust:100%; height: 100%;}
body{font-size: 14px; overflow-x: hidden; height: 100%;background: #E1E1E1;}
a,a:visited{color: inherit; *color: #333;}
a,a:hover{text-decoration: none;}
img{border: none;}
ul,dl,li{list-style-type: none;}
input{border: none;}

.db{display: block;}
.ctn{margin: 0 auto 0;}
.clear>*{float: left;}
.clear:before,
.clear:after{content: ""; display: block; clear: both;}

#hifi{margin: 30px auto;}
#ctn0{width: 100% !important; background-color: #E1E1E1; height: 100%;}
#ctn0>*{display: inline-block; vertical-align: middle;}
#ctn0 .pre{height: 100%;}
#ctn1{height: 350px; background-color: #4A4A4A; width: 100%;padding-left: 23%}

#loginBox {
    width: 100%;
    height: 100%;
}
#loginBox li{height: 100%; width: 249px;margin-right: 40px;}
#loginBox .li1{width: 80px;padding: 60px 100px;}
#loginBox .li1 img{width: 80px; height: 80px;}
#loginBox .li2 p{width: 96%; margin: 0 auto 0; color:#fff; text-align: justify; text-indent:2em; line-height: 20px; font-size:12px;max-height: 200px;overflow: hidden;padding-top: 60px}
#loginBox .li2 .link{text-indent:0; line-height:1.8; font-size:12px ;margin-top:10px;}
#loginBox .li2 a{text-decoration:underline; cursor:pointer; }
#loginBox .li2 a:hover{color:#f33}
#loginBox .li3 {color:#fff;width: 311px;padding-left: 40px;padding-top: 60px}
#loginBox .li3 h1{color:#fff; font-size: 38px;font-weight: normal;white-space: nowrap;margin-bottom: 40px;}
#loginBox .li3 div{ white-space:nowrap;}
#loginBox .li3 div>*{display:inline-block;}
#loginBox .li3 .line1{}
#loginBox .li3 .line2{}
#loginBox .li3 .line1 span,
#loginBox .li3 .line2 span{width:50px;font-size: 12px;text-align: right;margin-right: 10px;line-height: 30px;}
#loginBox .li3 .line1 input,
#loginBox .li3 .line2 input{width:210px; height: 20px; line-height: 20px; margin-bottom:20px; border-radius:3px; padding: 5px 10px; background-color: #DADADC;box-sizing: content-box;}
#loginBox .li3 .line3{padding-left:60px; margin-top: 10px;}
#loginBox .li3 .line3 span{width: 70px;line-height: 20px;border-radius: 3px;background-color: #5DA7D8;text-align: center;cursor: pointer;/* border-top: 1px solid #DADADC; */vertical-align: middle;float: left;}
#loginBox .li3 .line3 span:hover{background-color:#7Dc7f8}
#loginBox .li3 .line3 a{text-decoration:underline; float:right;font-size: 12px;color: #ccc;vertical-align: baseline;}
#loginBox .li4{
    margin: 0;
    width: 2px;
    background: url("../images/login_line.png") no-repeat;
}